<template>
  <div class="margin-top">
    <div class="panel-container">
      <div class="panel-content content-2">
        <div class="panel-title">数据概况</div>
        <el-table stripe :data="data" size="mini" :header-cell-style="{ background: '#F5F5F5', color: '#000000' }" ref="table" style="width: 100%">
          <af-table-column align="center" header-align="center" show-overflow-tooltip prop="user_name" label="对比双方">
            <template slot-scope="scope"> {{ scope.row.j_source }}和Feijiu </template>
          </af-table-column>
          <af-table-column align="center" header-align="center" show-overflow-tooltip prop="opponent_num" label="对方发布总量"> </af-table-column>
          <af-table-column align="center" header-align="center" show-overflow-tooltip prop="my_num" label="我方发布总量"> </af-table-column>
          <af-table-column align="center" header-align="center" show-overflow-tooltip prop="aoto_no_modify_num" label="我方早发-自动对比量(不含人工修正)">
            <template slot="header" slot-scope="scope">
              <p>我方早发-自动对比量</p>
              <p>(不含人工修正)</p>
            </template>
          </af-table-column>
          <af-table-column align="center" header-align="center" show-overflow-tooltip prop="aoto_modify_num" label="我方早发-自动对比量(人工修正)">
            <template slot="header" slot-scope="scope">
              <p>我方早发-自动对比量</p>
              <p>(人工修正)</p>
            </template>
          </af-table-column>
          <af-table-column align="center" header-align="center" show-overflow-tooltip prop="ren_gong_contrast_num" label="我方早发-人工对比量"> </af-table-column>
        </el-table>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Panel1',
  props: {
    data: Array,
  },
  data() {
    return {}
  },
  activated() {
    this.$refs.table.doLayout()
  },
  mounted() {},
  destroyed() {},
  methods: {},
}
</script>

<style scoped lang="scss">
.panel-line {
  align-items: flex-start;
}

.margin-top {
  margin-top: 62px;
}
</style>
